<!DOCTYPE html>
<html>
   <head>
      <title>流转卡查询</title>
      <meta name="viewport" content="width=device-width, initial-scale=1.0 Access-Control-Allow-Origin">
      <!-- 引入 Bootstrap -->
      <!--<link href="<?=base_url('html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">-->
      <link href="<?=  base_url('/html/bootstrap_v3/css/bootstrap.css')?>" rel="stylesheet">
      <link href="<?=base_url('html/bootstrap_v3/datepicker/css/bootstrap-datetimepicker.min.css')?>" rel="stylesheet">
      <script src="<?=base_url('html/js/jquery-1.8.3.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/js/bootstrap.min.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/datepicker/js/bootstrap-datetimepicker.js')?>"></script>
      <script src="<?=base_url('html/bootstrap_v3/datepicker/js/locales/bootstrap-datetimepicker.zh-CN.js')?>"></script>
      <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
      <script type="text/javascript">
          $(document).ready(function(){
              $("#Search").click(function(){
                  var LZKNO = $("#LZKNO").val();
                  if(LZKNO.length>0){
                      window.location.href = "<?=base_url('/baogong/getLZKOutputInfo?LZKNO=')?>"+LZKNO;
                  }else{
                      alert("请扫描流转卡二维码或手动输入流转卡号码！");
                  }
              });
          })
          function back(){
            window.location.href = "<?=base_url('baogong/LZKSearch')?>";
          }
      </script> 
      <script>
          /*
           * 注意：
           * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
           * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
           * 3. 常见问题及完整 JS-SDK 文档地址：http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
           *
           * 开发中遇到问题详见文档“附录5-常见错误及解决办法”解决，如仍未能解决可通过以下渠道反馈：
           * 邮箱地址：weixin-open@qq.com
           * 邮件主题：【微信JS-SDK反馈】具体问题
           * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
           */
          wx.config({
            debug: false,
            appId: '<?=$appId;?>',
            timestamp: <?=$timestamp;?>,
            nonceStr: '<?=$nonceStr;?>',
            signature: '<?=$signature;?>',
            jsApiList: [
              // 所有要调用的 API 都要加到这个列表中
              'scanQRCode',
              'chooseImage',
              'previewImage',
              'uploadImage',
              'downloadImage',
            ]
          });
          wx.ready(function () {
            // 在这里调用 API
            document.querySelector('.LZKNO').onclick = function () {
                wx.scanQRCode({
                  needResult: 1,
                  desc: 'scanQRCode desc',
                  success: function (res) {
                    var result = res.resultStr;
                    $("#LZKNO").val(result);
                    $("#Search").click();
                  }
                });
            };
          });
        </script>
<style type="text/css">
</style> 
      
      <!-- HTML5 Shim 和 Respond.js 用于让 IE8 支持 HTML5元素和媒体查询 -->
      <!-- 注意： 如果通过 file://  引入 Respond.js 文件，则该文件无法起效果 -->
      <!--[if lt IE 9]>
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
      <![endif]-->
   </head>
   <body>
       <?php if($status == "show"):?>
            <div class="text-center" style="font-weight:bold;font-size:2em;">
                流转卡查询产量
            </div>
       <hr>
            <div class="container">
                 <!--完工报工-->
                 <div class="form-group">
                          <lable class="col-xs-3 span3 control-label">
                              流转卡号:
                          </lable>
                          <div class="input-group col-xs-9 span9">
                              <input type="text" class="form-control" rows="2" id="LZKNO" placeholder="请输入流转卡号或扫码输入">
                              <span class="input-group-addon">
                                 <span class="glyphicon glyphicon-qrcode LZKNO"> </span>
                             </span>
                          </div>
                     
                 </div>
                 <button id="Search" type="button" class="btn btn-primary btn-block btn" style="margin-top:55px;">
                            查询
                    </button>
                 
            </div>
        <?php elseif($status == "success"):?>
            <div class="text-center" style="font-weight:bold;font-size:2em;">
                流转卡查询
            </div>
       <hr>
            <table class="table  table-bordered">
                <tbody>
                    <tr>
                        <td>流转卡</td>
                        <td><?=$resData[0]['流转卡']?></td>
                     </tr>
                     <tr>
                        <td>派工单</td>
                        <td><?=$resData[0]['派工单']?></td>
                     </tr>
                     <tr>
                        <td>产品</td>
                        <td><?=$resData[0]['产品']?></td>
                     </tr>
                     <tr>
                        <td>产品名称</td>
                        <td><?=$resData[0]['产品名称']?></td>
                     </tr>
                </tbody>
            </table>
            <hr>
            <table class="table  table-bordered">
                <thead>
                    <tr>
                       <th>姓名</th>
                       <th>工号</th>
                       <th>工序名称</th>
                       <th>数量</th>
                    </tr>
                </thead>
                <tbody>
                    <?php foreach ($resData as $value):?>
                        <tr>
                            <td><?=$value['姓名']?></td>
                            <td><?=$value['工号']?></td>
                            <td><?=$value['工序名称']?></td>
                            <td><?=$value['数量']?></td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
            <div>
                <button id="back" onclick="back()" type="button" class="btn btn-primary btn btn-block" style="margin-top: 10px;margin-bottom: 20px;">
                     返回
                 </button>
            </div>
       <?php else :?>
       <div>
           <p style="color: red;font-weight: bold;margin-top: 50px;">
               无法查询到流转卡信息，请确认您输入的流转卡信息！
           </p>
       </div>
       <?php endif;?>
   </body>
</html>